    body {
      font-family: 'Montserrat', sans-serif;
      line-height: 1.7;
    }
    h1, h2, h3, h4 {
      font-weight: 600;
    }
    nav.navbar {
      border-bottom: 1px solid #eee;
    }
    .toc a {
      text-decoration: none;
      color: #198754;
    }
    .toc a:hover {
      text-decoration: underline;
    }
    .article-content img {
      border-radius: .5rem;
    }
    footer {
      background: #0d6efd;
      color: #fff;
    }
    footer a {
      color: #fff;
      opacity: .85;
      text-decoration: none;
    }
    footer a:hover {
      opacity: 1;
    }
    aside img {
  object-fit: cover;
  flex-shrink: 0;
}

aside a.text-dark:hover {
  color: #198754 !important;
  text-decoration: underline;
}
.btn-green {
  background-color: #18C06F;
  color: #fff;
  border: none;
  transition: background-color 0.3s ease;
}

.btn-green:hover {
  background-color: #13a55e;
  color: #fff;
}

.badge {
  transition: all 0.2s ease;
}
.badge:hover {
  background-color: #198754 !important;
  color: #fff !important;
}

@media (max-width: 575.98px) {
  aside .d-flex {
    flex-direction: column;
  }
  aside img {
    width: 100%;
    height: auto;
  }
}